<template>
	<view>
		<cu-custom title="修改手机号" ></cu-custom>
		<view class="m-t-30">
			<view class="xdd">
				<input type="number" placeholder="请输入手机号"/>
			</view>
			<view class="xdd">
				<input type="number" placeholder="请输入验证码"/><text class="c-red">获取验证码</text>
			</view>
			<view class="xdd">
				<input type="number" placeholder="请输入新手机号"/>
			</view>
			<view class="xdd">
				<input type="number" placeholder="请输入验证码"/><text class="c-red">获取验证码</text>
			</view>
			
			
			
		</view>
		<view class="uni-form-item uni-column in-text b-t-n b-u-c m-15 m-t-30 c-l m-b-30" style="padding-bottom: 30px;">
			<button> 确定修改</button>
			
		</view>
	</view>
</template>

<script>
	 // import set-passkey from '@/components/set-passkey/index.vue'
	export default {
		 // components: {set-passkey}
		data() {
			return {
				show: true
			};
		},
		onShow() {
		
		},
		methods: {
		          
					
		        }
	}
</script>

<style lang="less" scoped>
@import '@/static/css/common.css';
.form-detail{ height: 50px; line-height: 50px;
input{ text-align: left; height: 47px; line-height: 47px; font-weight: normal; font-size: 14px;}
}
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 98rpx; line-height: 98rpx;}
.l-m-b{ display: flex;  text-align: left;
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold; font-size: 14px;}
.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 80rpx;}
.c-red{color: #EA3457 ;}
.content {
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2upx solid #eee;
    }

    input {
        width: 100%;
        padding: 2%;
    }
	.xdd{ margin: 10px 10%; width: 80%;  height: 120rpx; line-height: 120rpx; display: flex; background: #fff; border-radius: 5px;
	input{ float: left; height: 120rpx; line-height: 120rpx; padding-left: 15px; width: 72%;}
	text{float: right;}
	}
	.in-text{width: 80%; margin-left: 10%; margin-right: 10%; border-radius: 5px;
	button{ border-radius: 5px;  height: 120rpx; line-height: 120rpx; }
	}
</style>
